<template>
	<view class="user">
		<view v-if="$store.getters.token||userInfo.uid" style="padding-bottom: 160rpx;">
			<view class=" acea-row "
				style="padding: 200rpx 30rpx 100rpx;height: 439rpx;background: url('https://qny.yijiumy.com/1855/bj.png') no-repeat;background-size: cover;">

				<view style="display: flex;height: 90rpx;align-items: center;">
					<view style="height: 90rpx;position: relative;">
						<image :src="userInfo.avatar" style="width: 90rpx;height: 90rpx;border-radius: 50%;" />
						<!-- <image v-if="userInfo.roleLevel == 1 && userInfo.isVip == 1"
							src="https://qny.yijiumy.com/ydd/32b809692f788822ce912a7d55bbe8f5.gif" style="height: 120rpx; width: 120rpx; position: absolute; 
						top: -30px;left: -26px;transform: rotateZ(-40deg);" mode="heightFix">
						</image> -->
					</view>
					<!-- -->
					<view style="margin: 0 20rpx;position: relative;">
						<view class="acea-row row-middle" @click="goRouter(`/userPack/pages/user/PersonalData/index`)">
							<view class="name " style="font-weight: bold;font-size: 36rpx;color: #333333;">
							<view class="line1">
							{{ userInfo.nickname }}	
							</view>
							<view style="font-weight: 500;font-size: 20rpx;color: #FFFFFF;padding:3rpx 10rpx;border-radius: 9rpx;display: inline;"
							 :style='stateStroe().color' >
								<image src="https://qny.yijiumy.com/1855/figure.png" style="width: 19rpx;height: 17rpx;margin-right: 6rpx;"></image> {{stateStroe().name}} 
								{{stateStroe().name=='市场人员'?'·'+ romeList.find(item=>item.id==userInfo.roleLevel).text+'级':''}}
							</view>
							</view>

						</view>
					</view>
					<view style="margin-right: 20rpx;display: flex; align-items: center;"
						@click="goRouter(`/userPack/pages/user/PersonalData/index`)">

						<!---->
						<!-- <image v-if="userInfo.roleLevel == 2"
							src="https://qny.yijiumy.com/ydd/9dc13f98cff66faaace79e90fc561164.gif"
							style="height: 70rpx;width: 70rpx;" mode="heightFix">
						</image> -->
					</view>
					<view @click="goRouter(`/userPack/pages/user/PersonalData/index`)">
						<u-icon name='arrow-right'></u-icon>
					</view>
				</view>
				<view v-if="userInfo.roleIdentification == 'marketing_personnel'&&generate" class="img-code" @click="listenerActionSheet">
					<image :src="generate" style="width: 60rpx;height: 60rpx;" mode=""></image>
				</view>
			</view>
			<view class="wrapper" style="margin-top: -130rpx;">

				<view v-if="userInfo.roleIdentification == 'marketing_personnel'" class="nav acea-row row-middle" style="margin-bottom: 40rpx;height: 120rpx;background:linear-gradient(79deg, #9F2B45, #FF8FA8) ;"
					>
					<!-- <view
						@click="goRouter(`/userPack/pages/user/promotion/PendingIncomeRecords/index?brokeragePrice=${userInfo.brokeragePrice || 0}`)"
						class="item" style="display: flex;align-items: center;justify-content: space-around;">
						<view>
							<text class="num">{{totalSales}}</text>
							<text style="color: #fff;">销售总额 ></text>
						</view>
					</view> -->
					<view
						@click="goRouter(`/userPack/pages/user/promotion/PendingIncomeRecords/index?brokeragePrice=${userInfo.brokeragePrice || 0}`)"
						class="item" style="display: flex;align-items: center;justify-content: space-around;">
						<view>
							<text class="num">{{ userInfo.brokeragePrice || 0 }}</text>
							<text style="color: #fff;">待收益</text>
						</view>
					</view>
					<view
						@click="goRouter(`/userPack/pages/user/promotion/Balance/index?nowMoney=${userInfo.nowMoney || 0}`)"
						class="item" style="display: flex;align-items: center;justify-content: space-around;">
						<view>
							<text class="num">{{ userInfo.nowMoney || 0 }}</text>
							<text style="color: #fff;">余额></text>
						</view>
					</view>
				</view>

				<view class="myOrder">
					<view class="title acea-row row-between-wrapper">
						<text>我的订单</text>
						<text @click="goMyOrder()" class="allOrder">
							<text>全部订单</text>
							<text class="iconfont icon-jiantou"></text>
						</text>
					</view>
					<view class="orderState acea-row row-middle">
						<view @click="goMyOrder(0)" class="item">
							<view class="pictrue" style="position: relative;">
								<image src="https://qny.yijiumy.com/icon_DZF.png" />
								<text class="order-status-num"
									v-if="userInfo.orderStatusNum.unpaidCount > 0">{{ userInfo.orderStatusNum.unpaidCount }}</text>
							</view>
							<view>待付款</view>
						</view>
						<view @click="goMyOrder(1)" class="item">
							<view class="pictrue" style="position: relative;">
								<image src="https://qny.yijiumy.com/icon_DFH.png" />
								<text class="order-status-num"
									v-if="userInfo.orderStatusNum.unshippedCount > 0">{{ userInfo.orderStatusNum.unshippedCount }}</text>
							</view>
							<view>待发货</view>
						</view>
						<view @click="goMyOrder(2)" class="item">
							<view class="pictrue" style="position: relative;">
								<image src="https://qny.yijiumy.com/icon_DSH.png" />
								<text class="order-status-num"
									v-if="userInfo.orderStatusNum.receivedCount > 0">{{ userInfo.orderStatusNum.receivedCount }}</text>
							</view>
							<text>待收货</text>
						</view>
						<view @click="goMyOrder(3)" class="item">
							<view class="pictrue" style="position: relative;">
								<image src="https://qny.yijiumy.com/icon_PJ.png" />
								<text class="order-status-num"
									v-if="userInfo.orderStatusNum.evaluatedCount > 0">{{ userInfo.orderStatusNum.evaluatedCount }}</text>
							</view>
							<text>待评价</text>
						</view>
						<view @click="goReturnList()" class="item">
							<view class="pictrue" style="position: relative;">
								<image src="https://qny.yijiumy.com/icon_SH.png" />
								<text class="order-status-num"
									v-if="userInfo.orderStatusNum.refundCount > 0">{{ userInfo.orderStatusNum.refundCount }}</text>
							</view>
							<text>售后/退款</text>
						</view>
					</view>
				</view>
				<view style="padding: 10rpx 0; background: #FFFFFF; border-radius: 20rpx; margin-bottom: 40rpx;">
					<u-grid :border="false" col="5">

						<u-grid-item @click="goRouter(`/userPack/pages/user/UserBill/index`)">
							<image src="https://qny.yijiumy.com/1855/balance.png"
								style="width: 45rpx; height: 45rpx;margin: 20rpx 0 10rpx;" mode="heightFix"></image>
							<text class="grid-text">账单</text>
						</u-grid-item>
						<u-grid-item @click="goRouter(`/userPack/pages/user/UserBill/index`)">
							<image src="https://qny.yijiumy.com/1855/bill.png"
								style="width: 45rpx; height: 45rpx;margin: 20rpx 0 10rpx;" mode="heightFix"></image>
							<text class="grid-text">账单</text>
						</u-grid-item>
						<u-grid-item @click="goRouter(`/userPack/pages/user/coupon/UserCoupon/index`)">
							<image src="https://qny.yijiumy.com/icon_YHQ.png"
								style="width: 45rpx; height: 45rpx;margin: 20rpx 0 10rpx;" mode="heightFix"></image>
							<text class="grid-text">优惠券({{ userInfo.couponCount || 0 }})</text>
						</u-grid-item>
						<u-grid-item @click="goRouter(`/pages/shop/GoodsCollection/index`)">
							<image src="https://qny.yijiumy.com/icon_SC.png"
								style="width: 45rpx; height: 45rpx;margin: 20rpx 0 10rpx;" mode="heightFix"></image>
							<text class="grid-text">收藏</text>
						</u-grid-item>
						<u-grid-item @click="goRouter(`/pages/shop/GoodsFoot/index`)">
							<image src="https://qny.yijiumy.com/icon_LLJL.png"
								style="width: 45rpx; height: 45rpx;margin: 20rpx 0 10rpx;" mode="heightFix"></image>
							<text class="grid-text">浏览记录</text>
						</u-grid-item>
					</u-grid>
				</view>
				<view style="padding: 10rpx 0; background: #FFFFFF; border-radius: 20rpx;">
					<u-cell-group :border='false' >
					<!-- 	<u-cell v-if="userInfo.roleIdentification == 'marketing_personnel'" title="代理招募" :border='false' isLink @click="goRouter(`/userPack/pages/user/recruit/index`)">
							<image src='https://qny.yijiumy.com/1855/icon_dzgl_wd.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell> -->
						<!-- <u-cell title="企业资讯" :border='false' isLink @click="goRouter(`/pages/shop/news/NewsList/index`)">
							<image src='https://qny.yijiumy.com/1855/icon_dzgl_wd.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell> -->
						<u-cell v-if="userInfo.roleIdentification == 'marketing_personnel'" title="月度排行" :border='false' isLink @click="goRouter(`/userPack/pages/user/MonthSeniority/index`)">
							<image src='https://qny.yijiumy.com/1855/icon_dzgl_wd.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell v-if="userInfo.roleIdentification == 'marketing_personnel'" title="我的代理" :border='false' isLink @click="goRouter(`/userPack/pages/user/agency/index`)">
							<image src='https://qny.yijiumy.com/1855/people.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell v-if="userInfo.roleIdentification == 'store_administrator'" title="订单核销" :border='false' isLink @click="goRouter(`/storeManagementPack/pages/storeManagement/orderAdmin/OrderCancellation/index`)">
							<image src='https://qny.yijiumy.com/1855/people.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell title="发票管理" :border='false' isLink @click="goRouter(`/userPack/pages/user/invoice/InvoiceManagement/index`)">
							<image src='https://qny.yijiumy.com/1855/invoice.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell title="地址管理" :border='false' isLink  @click="goRouter(`/userPack/pages/user/address/AddressManagement/index`)">
							<image src='https://qny.yijiumy.com/1855/location.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell v-if="!userInfo.realName" title="实名认证" :border='false' isLink @click="goRouter(`/userPack/pages/user/Authentication/index`)">
							<image src='https://qny.yijiumy.com/1855/name.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell title="邀请好友" v-if="userInfo.roleIdentification == 'marketing_personnel'" :border='false' isLink @click="listenerActionSheet">
							<image src='https://qny.yijiumy.com/1855/invite.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
						<u-cell title="设置" :border='false' isLink  @click="goRouter(`/userPack/pages/user/PersonalData/index`)">
							<image src='https://qny.yijiumy.com/1855/set.png' slot="icon"
								style="width: 41rpx; height: 41rpx;" mode="heightFix"></image>
						</u-cell>
					</u-cell-group>
			</view>
			</view>
			<view style="font-weight: 500;font-size: 24rpx;color: #91979D;line-height: 36rpx;text-align: center;margin-top: 45rpx;display: flex;align-items: center;justify-content: center;">
				<u-line length="20" margin="0 10rpx" ></u-line>亿久数智提供技术支持<u-line length="20"  margin="0 10rpx" ></u-line>
			</view>
		</view>
		
		<Authorization v-else />
		<view v-if="canvasStatus" class="poster-first"> <!-- https://qny.yijiumy.com/1855/agency.png -->
			<view class="poster-pop" v-show="canvasStatus">
				<img src="https://qny.yijiumy.com/poster-close.png" class="close" @click="canvasStatus = false"
					mode="widthFix" />
				<!-- #ifdef MP-WEIXIN -->
				<image :src="posterImage" alt="tp" class="poster-image" show-menu-by-longpress mode="widthFix" />
				<!--  #endif -->
				<!-- #ifdef APP-PLUS-->
				<image :src="posterImage" alt="tp" class="poster-image" @longpress="saveImage" mode="widthFix" />
				<!--  #endif -->
				<view class="keep">长按图片可以保存到手机</view>
			</view>
			<view class="mask"></view>
		</view>
		<l-painter ref="painter" isCanvasToTempFilePath @success="path = $event"
			custom-style="position: fixed; left: 200%" css="width: 750rpx;">
			<l-painter-view
				css="box-sizing: border-box; border-radius: 16rpx; width: 750rpx; height: 1542rpx; box-shadow: 0 20rpx 58rpx rgba(0,0,0,.15)">
				<l-painter-image src="/static/img/5.png"
					css="object-fit: cover; object-position: 50% 50%; width: 750rpx; height: 1542rpx; border-radius: 12rpx;" />
				<l-painter-image :src="generate"
					css="width: 300rpx; height: 300rpx; position: absolute; left: 50%; margin-left: -150rpx; bottom: 360rpx; object-fit: contain; object-position: 50% 50%;" />
			</l-painter-view>
		</l-painter>
	</view>
</template>
<script>
	import {
		mapGetters,
		mapMutations
	} from "vuex";
	import {
		getStores
	} from "@/api/business"
	import {
		generateCode
	} from '@/utils/getGenerate'
	import {
		isWeixin,
	} from "@/utils";
	import cookie from "@/utils/store/cookie";
	import Authorization from "@/pages/authorization/index";
	import {
		getTotalSales
	} from "@/api/user";
	import {
		customUpdateAvatar
	} from "@/utils/customUpdateAvatar"
	export default {
		name: "User",
		components: {
			Authorization
		},
		data: function() {
			return {
			
				roleLevelList:[
					{
						color:'background: linear-gradient(79deg, #8FCCFF ,#317FFF);',
						name:'市场人员',
						remark:'marketing_personnel',
					},
					{
						color:'background: linear-gradient(79deg, #FF8FE3,#EB3EFB );',
						name:'招商',
						remark:'investment'
					},
					{
						color:'background: linear-gradient(79deg, #FF8FA8 , #9F2B45);',
						name:'经销商',
						remark:'dealer'
					},
					{
						color:'background: linear-gradient(79deg,#8FFFB4 ,#2EDA5B  );',
						name:'批发商',
						remark:'wholesaler'
					},
					
					{
						color:'background: linear-gradient(79deg,#FFE98F ,#FBA43E );',
						name:'团购',
						remark:'group',
					},
					{
						color:'background: linear-gradient(79deg,#FFB18F ,#FB6A3E );',
						name:'会员',
						remark:'member',
					},
					{
						color:'background: linear-gradient(79deg,#8FFFB4 ,#2EDA5B  );',
						name:'门店管理员',
						remark:'store_administrator',
					}
				],
				romeList:[
					{id:1,text:'Ⅰ'},
					{id:2,text:'Ⅱ'},
					{id:3,text:'Ⅲ'},
					{id:4,text:'Ⅳ'},
					
				],
				isWeixin: false,
				generate: ``,
				content: ``,
				path: '',
				posterImage: '',
				canvasStatus: false,
				totalSales: 0 // 销售总额
				
			}
		},
		computed: mapGetters(["userInfo"]),
		methods: {
			stateStroe(){
			 return	this.roleLevelList.find(item=>item.remark==this.userInfo.roleIdentification)
			},
			saveImage() {
				uni.saveImageToPhotosAlbum({
					filePath: this.posterImage,
					success: function() {
						uni.showToast({
							title: '保存成功',
							icon: "none",
							duration: 2000
						});
					}
				});

			},
			// 门店管理入口
			goStore() {
				if (this.userInfo.shopOpenPermission) return uni.showToast({
					title: '暂无门店管理权限！',
					icon: "none",
					duration: 2000
				})
				if (this.userInfo.merchantType == 2) {
					this.goRouter('/storeManagementPack/pages/storeManagement/index')
				} else {
					uni.showToast({
						title: '请先开通门店！',
						icon: "none",
						duration: 2000
					})
				}
			},
			...mapMutations(["updateAuthorizationPage"]),
			//开通门店
			goAuthStore() {
				// 开通门店需要判断用户是否实名认证
				if (!this.userInfo.realName) return uni.showToast({
					title: '请先完成实名认证！',
					icon: "none",
					duration: 2000
				});
				getStores().then(res => {
					console.log(res)
					if (!res.data) return this.$yrouter.push({
						path: '/userPack/pages/user/AuthStore/index'
					})
					if (res.data.state == '1') {
						uni.showToast({
							title: '门店审核中,请耐心等待~',
							icon: "none",
							duration: 2000
						});
					}
					if (res.data.state == '3') {
						this.$yrouter.push({
							path: '/userPack/pages/user/AuthStore/index',
							query: {
								type: 1
							}
						})
					}
					// 状态等于重新加载个人中心
					if (res.data.state == '2') {

					}
				})

			},
			//售后/退款
			goReturnList() {
				this.$yrouter.push("/userOrderPack/pages/order/ReturnList/index");
			},
			//我的订单
			goMyOrder(e) {
				this.$yrouter.push({
					path: "/userOrderPack/pages/order/MyOrder/index",
					query: {
						type: e
					}
				});
			},
			// 生成并分享朋友圈
			listenerActionSheet() {
				let _this = this
				this.$refs.painter.canvasToTempFilePathSync({
					// 在nvue里是jpeg
					fileType: "jpg",
					quality: 1,
					success: (res) => {
						console.log(res.tempFilePath);
						_this.posterImage = res.tempFilePath
						_this.canvasStatus = true
					},
				})
			},
			//跳转路由
			goRouter(url) {
				this.$yrouter.push({
					path: url
				});
			}
		},
		mounted() {
			if (this.$store.getters.token) {
				this.$store.dispatch("getUser", true);
				this.isWeixin = isWeixin();
				// this.$store.dispatch("techniciansinfo", true);
				// 存在token才进行初始化页面信息
				// 获取总销售额
				getTotalSales().then(res => {
					this.totalSales = res.data
				})
				if(this.userInfo.roleIdentification == 'marketing_personnel'){
					// 获取分享太阳码
					if (!this.userInfo.extensionCode) {
						generateCode(`pages/Loading/index`).then(res => {
							this.generate = res
						})
					} else {
						console.log("extensionCode", this.userInfo.extensionCode)
						this.generate = this.userInfo.extensionCode
					}
				}
				
			}
		},
		onHide() {
			this.updateAuthorizationPage(false);
		}
	};
</script>

<style lang="less">
	.Extension1 {
		position: relative;
		top: -30rpx;
		width: 100%;
		margin: auto;
		border-radius: 10rpx;
		background-color: #fff;
		height: 200rpx;
		padding: 0rpx 14rpx;
		background: url('https://qny.yijiumy.com/pic_vip_bj.png') no-repeat;
		background-size: cover;

		.Extension-code {
			width: 100%;
			height: 100rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.privilege {
				display: flex;
				align-items: center;

				.vip-title {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #EA5C20;
					margin-bottom: 5rpx;
				}

				.vip-text {
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 20rpx;
					color: #DCDCDC;
				}
			}

			.vip-day {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 20rpx;
				color: #FFFFFF;
				display: flex;
			}

			.btn {
				background: url(https://qny.yijiumy.com/icon_ljkt.png) no-repeat;
				width: 160rpx;
				height: 60rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
				background-size: cover;
				text-align: center;
				line-height: 60rpx;

				text {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #333333;
				}
			}

			img {
				width: 180rpx;
				height: 180rpx;
			}
		}

		.Extension-text {
			margin-top: 30rpx;

			.merchant text:nth-child(1) {
				font-size: 40rpx;
				margin-right: 20rpx;
			}

			.merchant {
				margin-bottom: 15rpx;
			}

			.merchant text:nth-child(2) {
				margin-right: 20rpx;
				color: rgb(235, 207, 167);
				border: rgb(235, 207, 167) solid 3rpx;
				padding: 5rpx 14rpx;
				border-radius: 20rpx;
			}

			.Share {
				width: 150rpx;
				font-size: 25rpx;
				height: 50rpx;
				line-height: 50rpx;
				border-radius: 50rpx;
				background-color: rgb(78, 169, 248);
				text-align: center;
				color: #fff;
			}

		}
	}

	.Extension2 {
		position: relative;
		top: -30rpx;
		width: 100%;
		margin: auto;
		border-radius: 10rpx;
		background-color: #fff;
		height: 200rpx;
		padding: 0rpx 14rpx;
		// display: flex;
		background: url('https://qny.yijiumy.com/pic_vip_hbj.png') no-repeat;
		background-size: cover;

		.Extension-code {
			width: 100%;
			height: 100rpx;
			// margin-right: 40rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.privilege {
				display: flex;
				align-items: center;

				.vip-title {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #EA5C20;
					margin-bottom: 5rpx;
				}

				.vip-text {
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 20rpx;
					color: #EB5C20;
					opacity: 0.8;
				}
			}

			.vip-day {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 20rpx;
				color: #EA662E;
				display: flex;
				line-height: 40rpx;
			}

			.btn {
				background: url(https://qny.yijiumy.com/icon_anniu_h.png) no-repeat;
				width: 160rpx;
				height: 60rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
				background-size: cover;
				text-align: center;
				line-height: 60rpx;

				text {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #FFEDBB;
					background: linear-gradient(91deg, #FFEEC1 0%, #FEDB77 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
			}

		}

		.Extension-text {
			margin-top: 30rpx;

			.merchant text:nth-child(1) {
				font-size: 40rpx;
				margin-right: 20rpx;
			}

			.merchant {
				margin-bottom: 15rpx;
			}

			.merchant text:nth-child(2) {
				margin-right: 20rpx;
				color: rgb(235, 207, 167);
				border: rgb(235, 207, 167) solid 3rpx;
				padding: 5rpx 14rpx;
				border-radius: 20rpx;
			}

			.Share {
				width: 150rpx;
				font-size: 25rpx;
				height: 50rpx;
				line-height: 50rpx;
				border-radius: 50rpx;
				background-color: rgb(78, 169, 248);
				text-align: center;
				color: #fff;
			}

		}
	}

	.grid-text {
		font-size: 14px;
		color: #454545;
		padding-bottom: 20rpx;
	}

	// .order-box {
	// 	width: 100%;
	// 	height: 240rpx;
	// 	background: #FFFFFF;
	// 	border-radius: 20rpx;
	// 	// padding: 0 30rpx;
	// 	margin-bottom: 40rpx;

	// 	.all-order {
	// 		display: flex;
	// 		justify-content: space-between;
	// 		font-family: PingFang SC;
	// 		font-weight: 500;
	// 		font-size: 24rpx;
	// 		color: #999999;
	// 	}

	// 	.order-title {
	// 		width: calc(100% - 60rpx);
	// 		margin: 0 auto 20rpx;
	// 		border-bottom: #EEEEEE solid 1rpx;
	// 		line-height: 40rpx;
	// 		padding: 20rpx 0;
	// 		display: flex;
	// 		justify-content: space-between;
	// 		font-family: PingFang SC;
	// 		font-weight: 500;
	// 		font-size: 30rpx;
	// 		color: #333333;
	// 		margin-bottom: ;
	// 	}
	// }

	// .manage {
	// 	height: 120rpx;
	// 	width: 100%;

	// 	margin: 0rpx auto 40rpx;
	// 	display: flex;
	// 	justify-content: space-between;

	// 	.store {
	// 		width: 49%;
	// 		height: 120rpx;
	// 		border-radius: 10rpx;
	// 		background: url('https://qny.yijiumy.com/pic_MDGL.png ') no-repeat;
	// 		background-size: cover;
	// 	}

	// 	.marketplace {
	// 		width: 49%;
	// 		height: 120rpx;
	// 		border-radius: 10rpx;
	// 		background: url('https://qny.yijiumy.com/pic_SCGL.png ') no-repeat;
	// 		background-size: cover;
	// 	}

	// 	.store,
	// 	.marketplace {
	// 		display: flex;
	// 		justify-content: space-around;
	// 		padding: 0 5%;

	// 		.text {
	// 			font-family: PingFang SC;
	// 			font-weight: 500;
	// 			font-size: 30rpx;
	// 			color: #fff;
	// 			line-height: 120rpx;
	// 		}

	// 		.manage-img {
	// 			width: 50rpx;
	// 			height: 50rpx;
	// 			margin-top: 41rpx;

	// 			img {
	// 				width: 36rpx;
	// 				height: 36rpx;
	// 			}
	// 		}
	// 	}
	// }

	.order-status-num {
		min-width: 0.33 * 100rpx;
		background-color: #fff;
		color: #eb3729;
		border-radius: 15px;
		position: absolute;
		right: -0.14 * 100rpx;
		top: -0.15 * 100rpx;
		font-size: 0.2 * 100rpx;
		padding: 0 0.08 * 100rpx;
		border: 1px solid #eb3729;
	}

	.binding {
		width: 200rpx;
		margin-top: 0.1 * 100rpx;
		display: inline-block;
		padding: 0.05 * 100rpx 0.2 * 100rpx;
		background-color: #ca1f10;
		border-radius: 50px;
		font-size: 0.22 * 100rpx;
		line-height: 1.5;
		border: 1px solid #e8695e;
		color: #ffffff;
		position: absolute;
		bottom: -30rpx;
	}

	// .by {
	// 	text-align: center;
	// 	padding: 30rpx 0;
	// }


	// .user .wrapper .myService .serviceList .item::after {
	// 	z-index: 10 !important;
	// }


















	.img-code {
		width: 120rpx;
		height: 80rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 3rpx 16rpx 0rpx rgba(157, 157, 157, 0.16);
		border-radius: 40rpx 0 0 40rpx;
		display: flex;
		padding-left: 20rpx;
		align-items: center;
		position: absolute;
		right: 0px;
	}

	// 分享太阳码
	.poster-first {
		overscroll-behavior: contain;
	}

	.poster-pop {
		width: 5.5 * 100rpx;
		// height: 8 * 100rpx;
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99;
		top: 50%;
		margin-top: -5.6 * 100rpx;
	}

	.poster-pop .canvas {
		background-color: #ffffff;
		height: 8 * 100rpx;
	}

	.poster-pop .poster-image {
		width: 100%;
		height: auto;
	}

	.poster-pop .canvas .image {
		width: 4.5 * 100rpx;
		height: 4.5 * 100rpx;
		display: block;
	}

	.poster-pop .canvas .text {
		text-align: center;
		color: #000000;
		margin-top: 0.32 * 100rpx;
	}

	.poster-pop .canvas .text.black {
		height: 0.68 * 100rpx;
	}

	.poster-pop .canvas .text.rad {
		color: #ff0000;
	}

	.poster-pop .canvas .code {
		height: 1.4 * 100rpx;
		display: flex;
	}

	.poster-pop .canvas .code .code-img {
		width: 33%;
		padding: 0.06 * 100rpx;
	}

	.poster-pop .canvas .code .code-img image {
		width: 100%;
	}

	.poster-pop .canvas .code .code-text {
		width: 60%;
		font-size: 0.12 * 100rpx;
		line-height: 1.64 * 100rpx;
	}

	.poster-pop .close {
		width: 0.46 * 100rpx;
		height: 0.75 * 100rpx;
		position: fixed;
		right: 0;
		top: -0.73 * 100rpx;
		display: block;
	}

	.poster-pop .save-poster {
		background-color: #df2d0a;
		font-size: 0.22 * 100rpx;
		color: #fff;
		text-align: center;
		height: 0.76 * 100rpx;
		line-height: 0.76 * 100rpx;
		width: 100%;
		margin-top: -0.04 * 100rpx;
	}

	.poster-pop .keep {
		color: #fff;
		text-align: center;
		font-size: 0.25 * 100rpx;
		margin-top: 0.1 * 100rpx;
	}

	.mask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 12;
	}
</style>